<template>
  <div class="layui-layout layui-layout-admin">
    <div class="adminnav1">
      <Pagetop></Pagetop>
    </div>
    <div class="adminnav2">
      <Secondnav urlname="market"></Secondnav>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body kedou-admin" id="LAY_app_body app">
      <div class="layadmin-tabsbody-item layui-show">
        <div class="pagelist">
          <div class="layui-card-body">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>会员模版</legend>
            </fieldset>
          </div>
          <div class="pagetop">
            <Search :seadate="searchArr"></Search>
          </div>

          <div class="layui-card-body">
            <div class="buttop">
              <button
                type="button"
                class="layui-btn  layui-btn-normal"
                @click="addData"
              >
                添加会员等级
              </button>
            </div>

            <Tables
              :fdate="pdate"
              :result="res"
              height="430"
              :totalCount="totalRows"
              :pageNumber="curindex"
              :fbtn="btn"
            ></Tables>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Pagetop from "../common/pagetop.vue";
import Secondnav from "../common/secondnav.vue";
import Tables from "../common/tables.vue";
import Search from "../common/search.vue";
export default {
  name: "member",
  components: { Pagetop, Secondnav, Tables, Search },
  data() {
    return {
      pdate: [], //表头
      res: "", //内容
      totalRows: "", //总数量
      curindex: 0, //页数
      btn: [], //按钮
      searchArr: [], //搜索
      isShow: false,
      seapram: "",
      type: localStorage.getItem("type")
    };
  },
  mounted() {
    this.getdate();
    this.getsearch();
  },
  methods: {
    getdate: function() {
      var _this = this;
      var url = "/shop/aapi/v1.9/levels/administrator/template/";

      if (_this.seapram) {
        var dates = {
          size: pageSize,
          page: _this.curindex
        };
        var res = _this.seapram;
        for (var i = 0; i < res.length; i++) {
          dates[res[i].key +'.equals'] = res[i].val;
        }
      } else {
        var dates = {
          size: pageSize,
          page: _this.curindex
        };
      }
      //alert(url+"//"+JSON.stringify(dates))
      ajaxRequest(url, "GET", "json", dates, function(ret, err) {
        //alert(url+"//"+JSON.stringify(ret))
        var arr = [];
        arr[0] = [
          { field: "id", title: "ID" },
          { field: "name", title: "等级名称" },
          {
            field: "memberGrade",
            title: "会员等级",
            templet: function(d) {
              if (d.memberGrade == "ZERO") return "非会员";
              else if (d.memberGrade == "ONE") return "1级";
              else if (d.memberGrade == "TWO") return "2级";
              else if (d.memberGrade == "THREE") return "3级";
              else if (d.memberGrade == "FOUR") return "4级";
              else if (d.memberGrade == "FIVE") return "5级";
              else if (d.memberGrade == "SIX") return "6级";
              else if (d.memberGrade == "SEVEN") return "7级";
              else if (d.memberGrade == "EIGHT") return "8级";
              else if (d.memberGrade == "NINE") return "9级";
              else if (d.memberGrade == "TEN") return "10级";
              else if (d.memberGrade == "ELEVEN") return "11级";
              else if (d.memberGrade == "TWELVE") return "12级";
              else if (d.memberGrade == "THIRTEEN") return "13级";
              else if (d.memberGrade == "FOURTEEN") return "14级";
              else return "15级";
            }
          },
          { field: "discount", title: "折扣" },
          {
            field: "createAt",
            title: "创建时间",
            templet: function(d) {
              return FormatDate(d.createAt, 3);
            }
          },
          {
            field: "right",
            title: "操作",
            width: "260",
            fixed: "right",
            templet: function(d) {
              // var str =
              //   '<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>';

              var str1 =
                '<a class="layui-btn layui-btn-xs" lay-event="detail">会员营销设置</a>';
              var str2 =
                '<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="code">会员权益设置</a>';
              var str3 =
                '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>';

              return str1 + str2 + str3;
            }
          }
        ];
        _this.pdate = arr;
        _this.res = ret.data;
        _this.totalRows = ret.data.totalRows;
        _this.curindex = ret.data.page + 1;
      });
    },
    getsearch: function() {
      var arr = [{ field: "id", title: "会员等级ID", type: "input" }];
      this.searchArr = arr;
    },
    page: function(index, obj) {
      this.curindex = index;
      this.getdate();
    },
    sousuo: function(pram) {
      this.seapram = pram;
      this.res = "";
      this.totalRows = "";
      this.curindex = 1;
      this.getdate();
    },
    addData: function() {
      var _this = this;
      layer.open({
        type: 2,
        title: "添加会员模版",
        content: baseurl + "/meadd",
        area: _this.screens() < 2 ? ["45%", "45%"] : ["650px", "400px"]
      });
    },
    codeInfo: function(data) {
      var _this = this;
      var id = data.id;
      this.$router.push({
        path: "/memberqy",
        query: {
          id: id
        }
      });
    },
    delInfo: function(data) {
      var _this = this;
      layer.confirm("是否确认删除？", function() {
        var url = "/shop/aapi/v1.9/levels/" + data.id;
        ajaxRequest(url, "DELETE", "json", "", function(ret, err) {
          layer.msg("操作成功");
          setTimeout(function() {
            _this.getdate();
          }, 1000);
        });
      });
    },
    detailInfo: function(data) {
      var _this = this;
      layer.open({
        type: 2,
        title: "会员营销设置",
        content: baseurl + "/memberyx?id=" + data.id ,
        area: _this.screens() < 2 ? ["65%", "50%"] : ["650px", "500px"],
        success: function(layero, index) {
          var iframeWin = window[layero.find("iframe")[0]["name"]];
          iframeWin.getdates(data);
        }
      });
    },

    screens: function() {
      return screen();
    }
  },
  updated: function() {
    this.isShow = true;
    layui.use("form", function() {
      var form = layui.form;
      form.render();
    });
  }
};
</script>
<style scoped>
/**/
</style>
